// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
import QtQuick 1.1

Item {
    id: root
    clip: true

    property int frame: 0
    property alias message: txt.text

    width:400
    height: 50

    Text{
        id: txtShadow
        anchors.fill: root
        color: "#000000"
        text: message
        style: Text.Sunken
        styleColor: "#042006"
        anchors.leftMargin: 2
        anchors.topMargin: 2
        font.bold: true
        font.pointSize: 20
        verticalAlignment: Text.AlignVCenter
        horizontalAlignment: Text.AlignHCenter

    }
    Text{
        id: txt
        anchors.fill: root
        color: "#ffffff"
        text: txt.text
        styleColor: "#05440f"
        style: Text.Outline
        anchors.leftMargin: 0
        anchors.topMargin: 0
        font.bold: true
        font.pointSize: 20
        verticalAlignment: Text.AlignVCenter
        horizontalAlignment: Text.AlignHCenter
    }



    MouseArea{
        anchors.fill: root
        hoverEnabled: true
        acceptedButtons: Qt.LeftButton
        onEntered: {
            root.frame = 1
        }
        onExited: {
            root.frame = 0
        }
        onClicked: { 
            console.log("He click me")
		}
    }
}
